.tree {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.user-super-container {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.user-wife-container {
		display: flex;
		align-items: center;
		padding-left: 5rpx;
		padding-right: 5rpx;
	}

	.user-container {
		width: 71rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.user-info {
		width: 71rpx;
		height: 180rpx;
		flex-direction: column;
		display: flex;
		background-color: #FFFFFF;
		border-radius: 10rpx 10rpx 10rpx 10rpx;
		box-sizing: border-box;
	}
	.card-yaoqing-tag{
		height: 40rpx;
		width: 42rpx;
		position: absolute;
	}
	.head-image-view {
		height: 71rpx;
		width: 71rpx;
		display: block;
	}
	.user-avatar {
		height: 71rpx;
		width: 71rpx;
		border-radius: 10rpx 10rpx 0rpx 0rpx;
	}

	.user-avatar-dad {
		height: 71rpx;
		width: 71rpx;
		border-radius: 10rpx 10rpx 0rpx 0rpx;
		opacity: 0.4;
	}

	.user-name {
		width: 71rpx;
		padding-bottom: 2rpx;
		display: flex;
		margin-top: 12rpx;
		margin-bottom: 5rpx;
		justify-content: center;
		align-items: center;
		text-align: center;
		flex-direction: row;
		flex: 1;
	}

	.user-self {
		width: 71rpx;
		flex: 1;
		padding-bottom: 2rpx;
		display: flex;
		margin-top: 12rpx;
		color: white;
		margin-bottom: 5rpx;
		justify-content: center;
		align-items: center;
		align-content: center;
		flex-direction: row;
	}

	.user-name-text {
		font-size: 28rpx;
		line-height: 30rpx;
		width: 28rpx;
		color: #000000;
		text-align: center;
		justify-content: center;
		align-items: center;
		word-wrap: break-word;
		display: flex;
	}

	.user-name-text-small {
		font-size: 22rpx;
		line-height: 24rpx;
		width: 22rpx;
		color: #000000;
		text-align: center;
		justify-content: center;
		align-items: center;
		word-wrap: break-word;
		display: flex;
	}

	.user-gxname {
		font-size: 20rpx;
		width: 20rpx;
		color: #000000;
		text-align: center;
		justify-content: center;
		align-items: center;
		margin-left: 4rpx;
		word-wrap: break-word;
	}

	.left-bottom-radius {
		border-bottom-left-radius: 2rpx;
	}

	.right-bottom-radius {
		border-bottom-right-radius: 2rpx;
	}

	.left-top-radius {
		border-top-left-radius: 2rpx;
	}

	.right-top-radius {
		border-top-right-radius: 2rpx;
	}

	.children-container {
		display: flex;
		flex-direction: row;
	}

	.children-super {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.placeholder-view {
		width: 125rpx;
		background-color: white;
	}

	.add-person-layout {
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.add-person-view {
		width: 140rpx;
		height: 200rpx;
		border: 4rpx solid #38B3E5;
		border-radius: 25rpx;
		margin-top: 438rpx;
		align-items: center;
	}

	.add-person-icon-view {
		width: 140rpx;
		height: 130rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.add-person-vline {
		width: 10rpx;
		height: 84rpx;
		background: #16D0FF;
	}

	.add-person-hline {
		width: 84rpx;
		height: 10rpx;
		position: absolute;
		background: #16D0FF;
	}

	.add-person-txt {
		width: 140rpx;
		display: flex;
		font-size: 28rpx;
		text-align: center;
		align-items: center;
		justify-content: center;
		font-family: PingFang SC;
		font-weight: bold;
		color: #38B3E5;
	}

	.vertical-line {
		height: 5rpx;
		width: 2rpx;
		background-color: #777777;
	}

	.horizontal-line-two-one {
		width: calc(24% + 6rpx);
		margin-left: -24%;
		height: 2rpx;
		background-color: #777777;
	}

	.horizontal-line {
		width: calc(50% + 4rpx);
		height: 2rpx;
		background-color: #777777;
	}

	.first-wife-line {
		width: calc(50% + 72.5rpx);
		margin-left: calc(50% - 10rpx);
	}

	.first-line {
		width: calc(50% + 2rpx);
		margin-left: calc(50% - 2rpx);
	}

	.last-wife-line {
		width: calc(50%);
		margin-right: calc(50% + 75rpx);
	}

	.last-line {
		width: calc(50% + 2rpx);
		margin-right: calc(50% - 2rpx);
	}
